
.mask {
  position: fixed;
  top: 2.75rem;
  right: 0;
  bottom: -10rem;
  left: 0;
  background-color: #f2f2f2;
  z-index: 9;
}

.main-pos {
  position: fixed !important;
}

.m-box {
  display: flex;
}
.m-box-compose{
  height: 90px;
}

.m-box-center-a {
  display: flex;
  align-items: center;
}

.m-box-col {
  flex: 1;
  width: 100%;
  display: block;
  min-width: 0;
}

.m-text-cut {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.lite-page-editor {
  position: fixed;
  overflow: hidden;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: .9rem;
  border-top-width: 1px;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: hsla(0, 0%, 69%, .5);
  border-style: solid;
  background: #fff;
  color: #333;
  z-index: 900;

  .box-left {
    font-size: 0;
    min-width: 0;
    margin-left: .3rem;
    line-height: .9rem;

    .focus {
      color: #a5adb5;
    }

    .main-text {
      font-size: .36rem;
      min-width: 0;
      display: block;
      max-width: 10rem;
      max-width: 100vw;
    }
  }

  .box-right {
    margin-right: .3rem;

    .lite-iconf {
      /*font-size: .28rem;*/
    }

    i {
      cursor: pointer;
    }
  }

  .lite-iconf {
    color: #5e5b5b;
    width: .34rem;
    height: .34rem;
    /*font-size: 1.5rem;*/
    margin: 0 .3rem;

    &.lite-iconf-like {
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
    }
  }
}


.m-main{
  background-color: #fff;
}
.m-reles-con {
  overflow-y: auto;
  padding: .3rem;
}
.m-flex-shrink1 {
  flex-shrink: 1;
}
.m-flex-grow1 {
  flex-grow: 1;
}
.m-lim-width {
  box-sizing: border-box;
  margin: 0 auto;
  width: 100%;
}
.m-main>* {
  background-color: #fff;
}
.m-box-model {
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  position: relative;
}
.m-pos-r {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.m-box-model {
  align-items: stretch;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  position: relative;
}
.m-reles-nr {
  border-radius: .35rem;
  overflow: hidden;
  span {
    width: 100%;
    font-weight: 300;
    font-size: .3rem;
    line-height: 1.2;
    display: inline-block;
    textarea {
      font-family: sans-serif;
      margin-top: .1rem;
      color: #333;
      background-color: transparent;
      outline: 0;
      border: none;
      font-size: .3rem;
      resize: none;
      width: 100%;
      box-sizing: border-box;
      -webkit-appearance: none !important;
      -moz-appearance: none !important;
      min-height: 2rem;
    }
  }
}
.m-fd-row, .m-fdr-jcsbet {
  flex-direction: row;
}

.m-wz-def {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3125;
  word-wrap: break-word;
}
.height-per-hundred{
  height: 100%;
}
.composer-footer {
  color: #707070;
  z-index: 100;
}
.composer-footer-box {
  height: 1rem;
}
.m-reles-fnum {
  text-align: right;
  margin-right: .3rem;
  font-weight: 100;
}
.m-wz-def {
  font-size: .28rem;
  font-weight: 400;
  line-height: 1.3125;
  word-wrap: break-word;
}

.m-pos-f {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}



.textarea-wrapper {
  position: relative;
  display: block;
  width: 100%;
  padding: .1rem 0;
}
.content-editable {
  position: relative;
  z-index: -1;
  opacity: 0;
  display: block;
  width: 100%;
  line-height: normal;
  font-size: .27rem;
  color: #999;
  /*white-space: pre;*/
}
.field-textarea {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: .1rem 0;
  line-height: normal;
  font-size: .27rem;
  color: #464545;
  text-align: left;
  resize: none;
  overflow: hidden;
  background-color: transparent;
}
.field-textarea::-webkit-input-placeholder {
  text-align: left;
  font-size: .27rem;
  color: #999;
}